//1.点击切换注册登录界面
$("#goto-register").on("click",() => {
    $("#register").show();
})
$("#goto-login").on("click", () => {
    $("#register").hide();
})

//2.表单输入框的验证规则
//layui-引入layui.js文件，暴漏在全局环境下的变量
//layui.form内置属性-控制layui管辖下的虽有表单（lay—verify等属性）
//lay—verify（）-内置方法
// var form = layui.form;
// form.verify({
//     username: function(value,item){
//         if(!/^[a-z\d]{6,10}$/.test(value)) {
//             return "用户名只能是6到10位数字和小写字母"
//         }
//     },
//     pass: [
//         /^[\S]{6,12}$/,
//         '密码必须6到12位，且不能出现空格'
//     ], 
//     cofirmPass (value) {
//         //用函数是因为当前规则要拿到另外一个输入框的值，数组只能匹配当前value的值
//         //不用再匹配正则表达式，上一次密码已经验证过了
//         //判断再次输入密码的值和上一次密码的值是否一致，不一致就返回乱歌词密码不一致 
//         if($(".pwd").val() !== value){
//             return "两次密码不一致"
//         }
//     }
// })

//2.表单输入框的验证规则
//引入commin/verify.js即可

//3.禁止-注册的form标签的提交行为
$("#register .layui-form").on("submit",e => {
    e.preventDefault();
    //4.ajax请求注册接口，把前端页面的数据收据起来
    //(1)axios默认发送的是json字符串，后台要的是key=value的字符串
    //(2)使用md5方式加密
    //某个字符串MD5加密后的结果是唯一的
    let obj = {
        username : $("#register input[name=username]").val(),
        password : md5($("#register input[name=password]").val()),
    };
    // let arr = [];
    // for(let key in obj) {
    //     arr.push(`${key}=${obj[key]}`);
    // }
    // let argStr = arr.join("&");
    let argStr = objToAs(obj);//调用common/utils。js工具方法，把对象转成key=value子字符串
    // axios({
    //     method :"post",
    //     url : 'http://123.57.109.30:3007/api/reguser',
    //     data : argStr
    // }).then(res => {
    //     //弹窗
    //     let layer = layui.layer;
    //     let {status,message} = res.data;
    //     layer.msg(message);
    //     if(status == 0){//逻辑上完全正确，注册成功
    //         //注册成功，注册页面隐藏
    //         $("#register").hide();
    //     }
    // })
    //把axios换成了封装的
    registerAPI(argStr,function(){
        $("#register").hide();
    });
})


//5.登陆的提交事件
$("#login .layui-form").on("submit", e => {
    e.preventDefault();
    //6.使用axios方式-提交登录，验证后台数据
    let obj = {
        username : $("#login input[name=username]").val(),
        password : md5($("#login input[name=password]").val()),
    }
    // let arr = [];
    // for(let key in obj) {
    //     arr.push(`${key}=${obj[key]}`);
    // }
    // let argStr = arr.join("&");
    let argStr = objToAs(obj);
    // axios({
    //     method :"post",
    //     url : 'http://123.57.109.30:3007/api/login',
    //     data : argStr
    // }).then(res => {
    //     //弹窗
    //     let layer = layui.layer;
    //     let {status,message} = res.data;
    //     if(status == 0) {
    //         //登录成功，进入到index页面
    //         window.location.href = "./index.html"
    //     }
    //     layer.msg(message);
    // })
    loginAPI(argStr,function(res){
        sessionStorage.setItem("token",res.data.token);
        setTimeout(() => {
            window.location.href = "./index.html";
        },2000); 
    });
})